@import url("public.css");
@import url("../fonts/iconfont.css");
* {
				margin: 0;
				padding: 0;
				-webkit-touch-callout:none;
				-webkit-user-select:none;
				-webkit-tap-highlight-color:transparent;
			}
			body{background-color: white}
			ul{list-style-type: none}
			img{width: 100%;vertical-align: bottom;}

.icon {
	display: block;
	width: 1.3rem;
	height: 1.3rem;
	 margin: auto;
	 vertical-align: middle;
     fill: currentColor;
     overflow: hidden;
     margin-top: .1rem; 
    }
a.mui-tab-item{list-style: none; color: #333; display: block; float: left; width: 25%; height: 2.5rem; cursor: pointer; text-align: center; text-decoration: none; padding-top: .5rem; position: relative;}
a.mui-tab-item span.mui-tab-label{ display: block; font-size: .8rem; width: 100%; cursor: pointer;position: absolute; text-align: center; bottom: .2rem;}
.clearfix:after{content: ""; display: block; height: 0; clear: both;}
@keyframes zoomIn {
  from 
  {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
  100% 
  {
    opacity: 1;
    transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform:translateZ(1.5,1.5);
  }
}

.zoomIn {
  animation-name: zoomIn;
  animation-duration: .3s;
  animation-fill-mode:forwards;
}
			/*列表*/
.mescroll{position: fixed;top: 0px;bottom: 50px;height: auto;}
/*回到顶部按钮*/
.mescroll-totop {bottom: 70px;z-index: 999999;}
/*展示上拉加载的数据列表*/
.data-list li{position: relative;width: 96%;margin: auto;border-bottom: 0.01rem solid #ddd; height: auto; overflow: hidden; padding-top: .8rem; padding-bottom: .3rem;}
.data-list li p.noLeft{display: block; float: left; width: 70%;}
.data-list li p.noLeft span.nolTitle{display: block; font-size: .95rem; text-align: left;}
.data-list li p.noLeft span.vcs{display: block; text-align: left;}
.data-list li p.noLeft span.vcs label.lls{ display: inline-block; font-size: .7rem; color: #999;}
.data-list li p.noLeft span.vcs label.pls{ display: inline-block; font-size: .7rem; color: #999; padding-left: 1rem;}
.data-list li p.noRight{display: block; float: right; width: 30%;}


			
.flexslider{position:relative;width:100%;height:auto;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:#f9f9f9;display:block;height:8px; border-radius:100px;overflow:hidden;text-indent:-99em;width:8px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0; background: #006EC3;}




.jbMain{ width: 100%; padding-top: 44px; height: 100%; padding-bottom: 30px; overflow: scroll;-webkit-overflow-scrolling: touch;}
.jbMain span.smallTitle{ display:block; width: 98%; padding-left: 2%;  font-size: .8rem; padding-top:1.2rem; padding-bottom: .5rem;color: #666;}
.jbMain p.inputBox{ display: block; width: 97%; height: auto; background: #f9f9f9; padding: 1.5%;}
.jbMain p.inputBox textarea{ display: block; border:0; width: 100%; min-height: 25vh;-webkit-user-select: text;outline: none;-webkit-appearance: none; font-size: .8rem; background: #f9f9f9;}
.jbMain p.selectBox{ display: block;display: block; width: 97%; height: auto; background: #f9f9f9; padding: 1.5%;}
.jbMain p.selectBox select{ display: block; outline: none;background-color: #f9f9f9;-webkit-appearance: none; height: 2.2rem;}
.jbMain p.selectBox input.zxInput{ display: block; outline: none;background-color: #f9f9f9;-webkit-appearance: none; height: 2.2rem; border: 0 !important; padding: 0 !important;margin-bottom: 0 !important; font-size: .9rem;}
.jbMain p.selectBox select option{ display: inline-block; width: 100%}
.jbMain p.imgBox{ display: block; width: 96%; min-height: 3rem; background: #f9f9f9; padding-left: 2%;padding-right: 2%;padding-top: 3%;padding-bottom: 3%; }
.jbMain p.imgBox a.addImg{display: block;width: 5rem;height: 5rem;border: dashed 0.01rem #666;padding: 0;font-size: 2rem;line-height: 4.8rem !important;font-weight: lighter;color: #333;text-align: center;float: left;margin: 0.5rem;}
.jbMain p.imgBox .zxjbimage-item{width: 5rem;height: 5rem;position: relative;float: left;margin: 0.5rem;}
.jbMain p.imgBox .zxjbimage-item img{width: 5rem;height: 5rem}
.jbMain p.imgBox .zxjbimage-item .del {position: absolute;top:1px;right: 1px;display: block;line-height: 1;cursor: pointer; color:#fff; }  
.jbMain p.mui-input-row.mui-checkbox{display: block; width: 96%; height: auto;padding:2%;}
.jbMain p.mui-input-row.mui-checkbox label{padding-left: 1.5rem;color: #333; float: left; margin-top: -.65rem; font-size: 1rem;}
.jbMain a.submitJb{ display: block; width: 96%; margin: auto; height: 2.8rem; background: #006EC3; color: #fff; text-align: center; line-height: 2.8rem; border-radius: 5px; margin-top: 1.5rem;}

/*弹框样式1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    z-index: 99999999999;
}
.cd-popup-container {
    position: absolute;
    z-index: 9999999999999999999;
    width:100%;
    height:auto;
    bottom:0;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; width: 20px; height: 20px; border-radius: 100px; background: #666; z-index: 10;display: block;font-size:14px; color: #fff;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.cd-popup-container p{ display: block; width: 100%; text-align: center; font-weight: bold; color: #006EC3; padding-top: 1rem;}
.cd-popup-container span{ display: block; font-size: .7rem; width: 94%; color: #666; padding-left: 3%; padding-right: 3%;padding-bottom: 2rem;}

.headerName{ width: 100%; height: auto; background: #006EC3; padding-top:7%; padding-bottom:7%;}
.hnMain{ width: 92%; height: 5rem;margin: auto; position: relative;}
.hnMain p.hnPic{display: block; height: 5rem;float: left;}
.hnMain p.hnPic img{ width: 100%; height: 100%; border-radius: 100px;}
.hnMain p.hnNamePhone{ display: block; float: left; padding-left: 1rem; padding-top: 1rem; letter-spacing: 1px;}
.hnMain p.hnNamePhone span.hnpName{ display: block; font-size: 1.2rem; color: #fff;}
.hnMain p.hnNamePhone span.hnpPhone{ display: block; font-size: .8rem; color: #fff; padding-top: .4rem;}
.hnMain p.hRight{ display: block; float: right; color: #fff; padding-top: 1.6rem;}

.menus{ width: 100%; height: auto; overflow: hidden; padding-top: 1rem; padding-bottom: .8rem; background: #fff;}
.menus a.menuOne.left{ display: block; float: left; width: 47%; margin-left: 2%; border-radius:5px;background: -moz-linear-gradient(top, #006EC3 0%, #005493 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006EC3), color-stop(100%,#005493));
    background: -webkit-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: -o-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: -ms-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: linear-gradient(to bottom, #006EC3 0%,#005493 100%); text-align: center; padding-top: 1rem; padding-bottom: 1rem; box-shadow:0px 3px 10px #aaaaaa;}
    .menus a.menuOne.right{ display: block; float: left; width: 47%; margin-left: 2%; border-radius:5px;background: -moz-linear-gradient(top, #FFC44F 0%, #FFAD02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC44F), color-stop(100%,#FFAD02));
    background: -webkit-linear-gradient(top, #FFC44F 0%,#FFAD02 100%);
    background: -o-linear-gradient(top, #FFC44F 0%,#FFAD02 100%);
    background: -ms-linear-gradient(top, #FFC44F 0%,#FFAD02 100%);
    background: linear-gradient(to bottom, #FFC44F 0%,#FFAD02 100%); text-align: center; padding-top: 1rem; padding-bottom: 1rem; box-shadow:0px 3px 10px #aaaaaa;}
.menus a.menuOne svg{ display: inline-block; width: 1.6rem; height:1.6rem;}
.menus a.menuOne label{ display: inline-block; color: #fff; font-size:1rem ; }


.container {/*width: 100%;*/ margin-top: .3rem;}
.swiper1 { border-bottom: solid 0.01rem #006EC3; padding-left: 2%;color: #333; display: block;}
.swiper1 .selected {color: #006EC3;border-bottom: 2px solid #006EC3; font-weight: bold; height: 45px !important;}
.swiper1 .swiper-slide { display: inline-block; width: auto !important; margin-right: 1%; text-align: center;font-size: 16px;height: 44px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer; font-size: 1rem;}
.swiper2 {width: 100%;}
.swiper2 .swiper-slide {height: calc(100vh - 50px);background: #fff;color: #333;text-align: center;box-sizing: border-box !important;overflow-x: hidden !important;}
.swiper-wrapper p.noContent{ display: block; text-align: center; font-size:.8rem; color: #ccc; padding-top: 2rem;}
.swiper-wrapper p.noContent svg{ display: block; width: 3rem; height: 3rem;}
#sfjzList p.noContent{ display: block; text-align: center; font-size:.8rem; color: #ccc; padding-top: 2rem;}
#sfjzList p.noContent svg{ display: block; width: 3rem; height: 3rem;}
/*咨询师*/
.mui-content ul li.zxsOne{ display: block; width: 44%; height: auto; float: left; margin-left: 4%; margin-top: 4%;}
.mui-content ul li.zxsOne p.zxsImg{ display: block; width: 100%; height: auto; background: #eee; border-radius:10px; box-shadow: 0px 3px 10px #ccc; text-align: center; }
.mui-content ul li.zxsOne p.zxsImg img{ display: inline-block; width: 80%; height: auto;padding-top: 10%;}
.mui-content ul li.zxsOne p.zxsName{ text-align: center;}
.zxsMb{ display: block; width:auto; height:auto; background: #006EC3; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem; padding-left: 5%; padding-right: 5%;}
.zxsMb p.zxsPic{ display: inline-block; float: left; width: 30%; height: auto;}
.zxsMb p.zxsPic img{ width: 100%; height: auto; box-shadow: 0px 5px 10px #003257;}
.mui-pull-right svg.icon{ width: 1.5rem; height: 1.5rem; padding-top: .5rem;}
.zxsMb p.zxsInfo{ width: 60%; display: inline-block; float: left; color: #fff; padding-left: 4%;}
.zxsMb p.zxsInfo span.zxsN{ display:block; font-size: 1.5rem; padding-top: .2rem;}
.zxsMb p.zxsInfo span.zxsad{ display: block; font-size: .8rem; padding-top: .8rem;}
.zxsMb p.zxsInfo span.zxsgood{ display: block; font-size: .8rem; padding-top: .6rem;}

.moreInfo{ display: block; width: 94%; padding-top: 1.5rem; padding-left: 3%; padding-right: 3%; padding-bottom: 1rem;}
.moreInfo p{ display: block; font-size: 1rem;}
.moreInfo span{ font-size: .9rem; color: #666;}


/*新闻内容页*/
.contentBox{ display: block; width: 94%; padding-left: 3%; padding-right: 3%; padding-top: 6%;}
.contentBox p.contentTitle{ display: block; font-size: 1.2rem; font-weight: bold; letter-spacing: 1.5px; color: #333;}
.contentBox p.contentDateVisit{ display: block; font-size: .8rem;  color: #999;}
.contentBox p.contentDateVisit span{ margin-right: 1rem;}
.contentBox p.contentInfo{ font-size: 1rem; color: #333; line-height: 1.5rem; padding-bottom: 2rem;}
.contentBox p.contentInfo img{ display: block; width: 100%; height: auto; padding-top: .5rem; padding-bottom: .5rem;}
.footPl{ width: 100%; height: 2.8rem; background: #fff; border-top:solid 0.01rem #ddd;position: fixed; bottom: 0;}
.footPl span.xpl{ display: block; float: left; padding-top: .7rem; padding-left: 1rem;}
.footPl span.xpl svg{ display: inline-block; float: left;}
.footPl span.xpl label{ display: inline-block; float: left; font-size: .9rem; padding-left: .5rem;}
.footPl span.fx{ display: block; float: right; padding-top: .7rem;padding-right: 1rem;}
.fxBox{ width: 100%; height: auto; overflow: hidden;}
p.fxd{color: #999 !important; font-weight: normal !important; }
.fxBox span{ display: block; width: 25%; float: left; text-align: center; color: #333; padding-bottom: 1rem; padding-left: 0 !important; padding-right: 0 !important;}
.fxBox span svg.icon.pling{ width: 2rem; height: 2rem;}
.fxBox span label{ display: block; font-weight: normal !important; padding-top: .5rem;}
.comList{ width: 94%; height: auto; margin: auto; overflow: hidden; padding-bottom: 3.5rem;}
.comList ul li.comOne{display: block; width: 100%; height: auto; border-bottom: solid 0.01rem #ddd; padding-top: .8rem;}
.comList p.gfgd{ width: 100%; display: inline-block; text-align: center; font-size: 1rem; font-weight: bold; padding-bottom: 1rem;}
.comList ul li.comOne p.txName{ display: block; width: 100%;}
.comList ul li.comOne p.txName img{ display: inline-block; width: 10%; height: auto; border-radius: 100px;}
.comList ul li.comOne p.txName label{display: inline-block; width: auto; height: auto; font-size: .8rem; font-weight: bold; padding-left: .5rem;}
.comList ul li.comOne p.plsj{ display:block; font-size: .6rem; color: #999; margin-top: -.5rem;}
/*评论页面*/
.comBox{ width: 100%; height: auto;}
.comBox textarea{ display: inline-block; width:94%; min-height: 30vh; background: #eee; border:0; font-size: .8rem; color: #333; padding: 3%; border-radius: 0px;}
a.submitCom{ display: block; width: 100%; height: 2.8rem; background: #006EC3;color: #fff; text-align: center; line-height: 2.8rem; position: absolute; bottom: 0;}
a.submitCom:hover{ color: #fff;}


/*法律咨询*/
.lawMain{ width: 100%; height: 100%; padding-bottom: 30px; overflow: scroll;-webkit-overflow-scrolling: touch;}
.lawMain span.smallTitle{ display:block; width: 98%; padding-left: 2%;  font-size: .8rem; padding-top:1.2rem; padding-bottom: .5rem;color: #666;}
.lawMain p.inputBox{ display: block; width: 97%; height: auto; background: #f9f9f9; padding: 1.5%;}
.lawMain p.inputBox textarea{ display: block; border:0; width: 100%; min-height: 25vh;-webkit-user-select: text;outline: none;-webkit-appearance: none; font-size: .8rem; background: #f9f9f9;}
.lawMain p.selectBox{ display: block;display: block; width: 97%; height: auto; background: #f9f9f9; padding: 1.5%;}
.lawMain p.selectBox input.zxInput{ display: block; outline: none;background-color: #f9f9f9;-webkit-appearance: none; height: 2.2rem; width: 100% !important; border:0; padding: 0 !important; margin-bottom: 0px !important; font-size: 1rem;}
.lawMain p.imgBox{ display: block; width: 96%; min-height: 3rem; background: #f9f9f9; padding-left: 2%;padding-right: 2%;padding-top: 3%;padding-bottom: 3%; }
.lawMain p.imgBox a.addImg{ display: block; width: 3rem; height: 3rem; border:dashed 0.01rem #666; padding: 0;font-size: 2rem; line-height: 2.8rem !important; font-weight: lighter; color: #333; text-align: center;}
.lawMain p.mui-input-row.mui-checkbox{display: block; width: 96%; height: auto;padding:2%;}
.lawMain p.mui-input-row.mui-checkbox label{padding-left: 1.5rem;color: #006EC3; float: left; display: inline-block; margin-top: -.6rem;}
.lawMain a.submitzx{ display: block; width: 96%; margin: auto; height: 2.8rem; background: #006EC3; color: #fff; text-align: center; line-height: 2.8rem; border-radius: 5px; margin-top: 1.5rem;}

.cxMain{ width: 100%; height: auto; background: #006EC3; overflow:hidden; padding-top: 1rem; padding-bottom: .6rem; }
.cxMain p.cxBox{ width: 94%; height: 2.8rem; display: block; padding-left: 3%; padding-right: 3%;}
.cxMain p.cxBox input.cxInput{ display: block; float: left; width: 75%; border:0; height: 2.8rem; padding: 0 !important; padding-left: 5% !important;}
.cxMain a.cxBbtn{ display: block; width: 20%; float: right;}
.cxMain a svg.cxNow{ display: block; float: right; width: 2.8rem !important; height: 2.8rem !important; padding-right: .3rem;}
.cxjg{ display: block; width: 100%; padding-top: 1rem;display: none;}
.cxjg p.zt{ display: block; font-size: .8rem; color: #999; padding-left: 3%; padding-right: 3%;}
.cxjg p.zxnr{ display: block; background: #eee; padding: 3%; margin-top: 1rem;}
.cxjg p.hfnr{ display: block; background: #006EC3; padding: 3%; margin-top: 1rem; color: #fff;}

.cxList{ width: 94%; height: auto; margin: auto; overflow: hidden; padding-bottom: 3.5rem;}
.cxList ul li.cxOne{display: block; width: 100%; height: auto; border-bottom: solid 0.01rem #ddd; padding-top: .8rem;}
.cxList p.gfgd{ width: 100%; display: inline-block; text-align: center; font-size: 1rem; font-weight: bold; padding-bottom: 1rem;}
.cxList ul li.cxOne p.txName{ display: block; width: 100%;}
.cxList ul li.cxOne p.txName img{ display: inline-block; width: 10%; height: auto; border-radius: 100px;}
.cxList ul li.cxOne p.txName label{display: inline-block; width: auto; height: auto; font-size: .8rem; font-weight: bold; padding-left: .5rem;}
.cxList ul li.cxOne p.plsj{ display:block; font-size: .6rem; color: #999; margin-top: -.5rem;}
.cxList ul li.cxOne p.cxhf{ background: #006EC3; color: #fff; padding: 3%; position: relative;border-radius: 5px;}
.cxList ul li.cxOne p.cxhf svg.sjx{ position: absolute; width: 3rem; height:3rem; top: -1.4rem; left: -.5rem; }


/*司法救助*/
.sfjzList{ width: 100%; height: auto; overflow: hidden; padding-top: 44px;}
.sfjzList li{position: relative;width: 96%;margin: auto;border-bottom: 0.01rem solid #ddd; height: auto; overflow: hidden; padding-top: .8rem; padding-bottom: .3rem;}
.sfjzList li p.noLeft{display: block; float: left; width: 70%;}
.sfjzList li p.noLeft span.nolTitle{display: block; font-size: .95rem; text-align: left;}
.sfjzList li p.noLeft span.vcs{display: block; text-align: left;}
.sfjzList li p.noLeft span.vcs label.lls{ display: inline-block; font-size: .7rem; color: #999;}
.sfjzList li p.noLeft span.vcs label.pls{ display: inline-block; font-size: .7rem; color: #999; padding-left: 1rem;}
.sfjzList li p.noRight{display: block; float: right; width: 30%;}
.sfMenu{ width: 100%; height: auto; overflow: hidden;}
.jzMain{ padding: 3%; font-size: .9rem;}


/*w我的*/
.oMenu{ width: 100%; height: auto; overflow: hidden; margin-top: 2rem; border-top: solid 0.01rem #ddd; padding-bottom: 45px;}
.banan{display: block; width: 94%; height: 4rem;margin: auto; margin-top: 1rem; border-radius: 10px;background: -moz-linear-gradient(top, #FFC44F 0%, #FFAD02 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-left(0%,#FFC44F), color-stop(100%,#FFAD02));
    background: -webkit-linear-gradient(left, #FFC44F 0%,#FFAD02 100%);
    background: -o-linear-gradient(left, #FFC44F 0%,#FFAD02 100%);
    background: -ms-linear-gradient(left, #FFC44F 0%,#FFAD02 100%);
    background: linear-gradient(to right, #FFC44F 0%,#FFAD02 100%);box-shadow:0px 3px 10px #aaaaaa; text-align: center;color: #fff; font-size: 1.4rem; color: #555;}
.banan label.baaaa{ display: block; float: left; line-height: 4rem; padding-left: .5rem; margin-top: .3rem;}
.banan label svg.baa{ display: inline-block; width: 2.4rem; height: 2.4rem;}
.banan label.baText{ display: block; float: left; line-height: 4rem; padding-left: .3rem;}
.banan label.xs{ display: block; width: 25%; height: 4rem; float: right; background: #006EC3; border-top-right-radius: 10px;border-bottom-right-radius: 10px; text-align: center; line-height: 4rem; color: #fff;}
.otherMenu{display: block; width: 100%; background: #fff; border-bottom: solid 0.01rem #ddd; margin-bottom: 0 !important; text-align: left !important; padding-left: 3%; padding-right: 3%; padding-top: 5%; padding-bottom: 5%; font-size: 1rem; overflow: hidden;}
.otherMenu svg.om{ display: block; width: 1.3rem; height: 1.3rem; float: left;}
.otherMenu label{ display: block; float: left; padding-left: .5rem;}
.otherMenu svg.rj{ display: block; width: .8rem; height: .8rem; float: right; padding-right:1rem; padding-top: .5rem;}

/*新增案件*/
.addCase{display: block; width: 50%;margin: auto; margin-top: 35%; height: auto; text-align: center;border-radius: 100px;background: -moz-linear-gradient(top, #006EC3 0%, #005493 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006EC3), color-stop(100%,#005493));
    background: -webkit-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: -o-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: -ms-linear-gradient(top, #006EC3 0%,#005493 100%);
    background: linear-gradient(to bottom, #006EC3 0%,#005493 100%); box-shadow:0px 4px 10px #999; font-size: 1.4rem; color: #fff;}
.caseList{ display: block; width: 100%; font-size: .8rem; color: #666; text-align: center; padding-top: 1rem; text-decoration: underline;}
.caseZt{ width: 100%; background: none; height: 2.2rem; background: url(../img/downJ.png) no-repeat; background-position: right; background-size: 6%;}

.caseMain{ width: 100%; height: 100%; padding-bottom: 30px; overflow: scroll;-webkit-overflow-scrolling: touch; margin-top: 2rem;}
.caseOne{ width: 90%; height: auto; margin:auto ;margin-top: 3%;background: -moz-linear-gradient(top, #008EEB 0%, #37BDFB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008EEB), color-stop(100%,#37BDFB));
    background: -webkit-linear-gradient(top, #008EEB 0%,#37BDFB 100%);
    background: -o-linear-gradient(top, #008EEB 0%,#37BDFB 100%);
    background: -ms-linear-gradient(top, #008EEB 0%,#37BDFB 100%);
    background: linear-gradient(to right, #008EEB 0%,#37BDFB 100%); border-radius: 5px; box-shadow:0px 4px 5px #ddd; color: #fff; position: relative; padding-left:2%; padding-right:2%; padding-top:2%; }
.caseOne p.caseTop{}
.caseOne p.caseCenter{}
.caseOne p.caseDown{ padding-bottom: .6rem;}
.caseOne p.caseDown span{ display: inline-block; background: #fff;  border-radius: 100px; color: #333; font-size: .8rem; padding-left: .7rem; padding-right: .7rem;}
.caseOne label{ display: block; position: absolute; right: 0px; bottom: 0px; width: 4rem; height: auto;}
/*弹框样式2*/
.cd-popup1 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:1;
}
.cd-popup1.is-visible1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1 {
    position: absolute;
    width:100%;
    height:auto;
    left: 0%;
    top: 40px;
    background: #006EC3;
    color: #fff;
    text-align: center;
  -webkit-transform: translatey(-60px);
  -moz-transform: translatey(-60px);
  -ms-transform: translatey(-60px);
  -o-transform: translatey(-60px);
  transform: translatey(-60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible1 .cd-popup-container1 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
.cd-popup-container1 p.caseSearch{ display: block; width: 100%; padding-top: .5rem;}
.cd-popup-container1 p.caseSearch input{ display: block; width: 94% !important; height: 3rem; margin:auto;border:0; background: #fff; padding: 0px !important; border-radius:3px !important; font-size: .8rem; text-align: center; line-height: 3rem !important; color: #333 !important;}

.caseInfo{ width: 94%; height: auto; margin: auto; background: #f9f9f9; margin-top: 2rem; margin-bottom: 1rem; color: #333; font-size: .8rem; padding-left: 3%;padding-right: 3%;padding-top: 7%;padding-bottom:0.5px; position: relative; border-bottom: solid 0.01rem #ddd;border-top: solid 0.01rem #ddd;}
.caseInfo p.smTitle{ display:block ; position: absolute;background: -moz-linear-gradient(top, #007AFF 0%, #006EC3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007AFF), color-stop(100%,#006EC3));
    background: -webkit-linear-gradient(top, #007AFF 0%,#006EC3 100%);
    background: -o-linear-gradient(top, #007AFF 0%,#006EC3 100%);
    background: -ms-linear-gradient(top, #007AFF 0%,#006EC3 100%);
    background: linear-gradient(to right, #007AFF 0%,#006EC3 100%);top: -15px; width: 50%; left: 25%; text-align: center; line-height: 1.8rem; color: #fff; border-radius: 100px;}
.caseInfo p.smTitle label{ display: inline-block; padding-left: .5rem; padding-right:.5rem; color: #eee;}
.lawMain a.caseSave{ display: block; width: 94%; background: #006EC3; color: #fff; margin: auto; margin-top: 2.6rem; height: 3rem; border-radius: 5px; text-align: center; line-height: 3rem; font-size: 1.2rem;}
.huikui{ background: #eee; margin-top: .5rem; margin-bottom: .3rem;}
.huikui span{ display: block; background: #006EC3; color: #fff; padding-left: .3rem; line-height: 1.4rem;}
.huikui label{ display: block; padding:.3rem; line-height: 1.4rem;}
body.my{ background: #eee !important;}
.myBox{ width: 100%; background: #fff; border-top: solid 0.05rem #ddd; border-bottom: solid 0.05rem #ddd; height: auto; overflow: hidden; margin-top: 1.5rem;}
.myBox p.mbOne{ display: block; padding: 3%;}
.myBox p.mbOne label{ display: block; float:left; width: 14%;}
.myBox p.mbOne label svg{ width: 1.5rem; height:1.5rem; margin-top: .8rem;}
.myBox p.mbOne span{ display: block; float: left; width: 86%; border-bottom: solid 0.05rem #ddd; overflow: hidden;}
.myBox p.mbOne span input{ display: block; border:0; border-radius: 0px !important; height: 2.4rem !important; padding: 0 !important; line-height: 3.4rem !important;}
.saveInfo{display: block; width: 94%; background: #006EC3; color: #fff; position: absolute; left: 3%; bottom: 3%; height: 3rem; border-radius: 5px; text-align: center; line-height: 3rem; font-size: 1.2rem;}
.saveInfo:hover{ background: #0062CC; color: #fff;}
.jbOne{ display: block;}
.jbOne span{ padding: 3%; display: block;}
.jbOne label{ display: block; padding: 3%; color:#006EC3; background: #f9f9f9;}
.jbOne span.zxnr{ padding: 3%; display: block; color: #333;}


/*非办案人员*/
.noBanan{ display: block; text-align: center; font-size: .8rem; margin-top:2rem; text-decoration: underline;}
#item1 ul.nbaMain{ width: 93%; margin: auto; padding-bottom: 1rem;}
#item1 ul.nbaMain li.nbaOne{ display: block; width: 96%; background: #f9f9f9; border:solid 0.05rem #666; padding: 2%; margin-bottom:1rem; border-radius: 4px;}
#item1 ul.nbaMain li.nbaOne p{ margin-bottom: 0px !important; padding-top: .3rem; padding-bottom: .3rem;}


.noBanan{ display: block; text-align: center; font-size: .8rem; margin-top:2rem; text-decoration: underline;}
#item2 ul.nbaMain{ width: 93%; margin: auto; padding-bottom: 1rem;}
#item2 ul.nbaMain li.nbaOne{ display: block; width: 96%; background: #f9f9f9; border:solid 0.05rem #ddd; padding: 2%; margin-bottom:1rem;border-radius: 4px;}
#item2 ul.nbaMain li.nbaOne p{ margin-bottom: 0px !important; padding-top: .3rem; padding-bottom: .3rem;}

.htwj{ width: 94%; height: auto; background: #fff; position: relative; margin:auto ; margin-top: 1rem; border:solid 0.05rem #ddd;overflow-y: scroll; max-height: 60vh; padding-bottom: 1rem; border-radius: 5px; box-shadow: 0px 4px 8px #ddd;}

.htwj p.hx{ display: block; width: 90%; height: 3px; background: #c00; margin: auto; margin-top: 1.8rem;}
.htwj p.wjx{ display: block; width: 20%; height: auto; position: absolute; left: 40%; background: #f9f9f9; top: 1rem; text-align: center; font-size: 2rem; color: #c00;}
.htwj p.htwjInfo{ display: block; width: 90%; margin: auto; margin-top: 2rem; line-height: 1.5rem;}
.htwj p.htwjJg{ display: block; width: 90%; position: relative; margin-right: 0px; text-align: right; margin-top: .8rem; text-align: right;}
.addResult{ display: block; width: 94%; height: 2.8rem; position: absolute; left: 3%; background: #006EC3; bottom: 3%; color: #fff; text-align: center; line-height: 2.8rem; border-radius: 5px;}
.addResult:hover{ background: #006EC3; color: #fff;}
.casexx{ display:block; width: 60%; margin: auto; text-align: center;background: #eee; border-radius: 100px; margin-top: 2rem; color: #666; font-size: .8rem;}
.addResultBox{ display: block; width: 96%; height:40vh; border-radius: 0px; border: 0; background: #f9f9f9; font-size: 1rem; padding: 2%;}
.addFiles{ display: block;width: 4rem; height: 4rem; border:dashed 0.05rem #999; font-size:3rem; font-weight: lighter; text-align: center; line-height: 3.3rem; padding: 0px; color: #999; margin-top: .8rem; margin-left: .5rem;}
